<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>线索详情</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<style type="text/css">
		body{
			background: #f0f2f5;
		}
		.clientDetail_container{
			padding: 16px;
			display: flex;
		}
		.clientDetail_main_container{
			flex: 2;
		}
		.clientDetail_mainUesr_container{
			background: #fff;
			padding: 24px;
			display: flex;
			justify-content: space-between;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
		}
		.clientDetail_mainUesr_content{
			display: flex;
			align-items: center;
		}
		.clientDetail_mainUesr_content img{
			width: 64px;
			height: 64px;
			display: block;
		}
		.clientDetail_mainUesr_content h3{
			font-size: 18px;
			color: rgba(0, 0, 0, 0.85);
			margin-left: 16px;
		}
		.clientDetail_mainUesr_content p{
			color: #5ec75d;
			margin-left: 4px;
			font-size: 13px;
		}
		.clientDetail_mainTrends_container{
			min-height: 773px;
			margin: 12px 0 0;
			padding: 22px 24px;
			background: #fff;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
		}
		.clientDetail_mainTrendsTitle_container{
			height: 32px;
			display: flex;
			align-items: center;
		}
		.clientDetail_mainTrendsTitle_container h2{
			font-size: 18px;
			color: #333;
		}
		.clientDetail_mainTrends_content{
			margin-top: 15px;
		}
		.clientDetail_mainTrends_content li{
			display: flex;
			justify-content: flex-start;
		}
		.clientDetail_mainTrendsLeft_container{
			padding: 0 20px 0 0;
		}
		.clientDetail_mainTrendsLeft_content{
			color: #7a828f;
		}
		.clientDetail_mainTrendsLeft_content b{
			margin: 0 5px -3px 0;
			font-size: 22px;
			font-weight: 500;
			color: rgba(0,0,0,.85);
		}
		.clientDetail_mainTrendsLeft_content span{
			
		}
		.clientDetail_mainTrendsCenter_container{
			flex: 1;
			display: flex;
			
		}
		.clientDetail_mainTrendsCenter_container svg{
			width: 16px;
			height: 16px;
			fill: #ccc;
			margin: 8px 15px 0 0;
		}
		.clientDetail_mainTrendsCenter_Info_container{
			display: flex;
			flex-direction: column;
			padding: 7px 0px 24px 0px;
		}
		.clientDetail_mainTrendsCenter_Info_container h4{
			font-size: 15px;
			line-height: 19px;
			color: #3b4c66;
		}
		.clientDetail_mainTrendsCenter_Info_content{
			display: flex;
			align-items: center;
			padding: 9px 16px;
			background: #f7fbff;
			border-radius: 2px;
			border: 1px solid #b4cbf8;
			margin: 8px 16px 0 0;
			overflow: hidden;
			flex-wrap: wrap;
		}
		.clientDetail_mainTrendsCenter_Info_content img{
			width: 20px;
			height: 20px;
			border-radius: 2px;
			margin: 0 6px;
		}
		.clientDetail_mainTrendsCenter_Info_content p{
			font-size: 14px;
			font-weight: 400;
			color: #3b4c66;
		}
		
		.clientDetail_mainTrendsRight_container{

		}
		.clientDetail_mainTrendsRight_container p{
			font-size: 13px;
			color: rgba(125,133,147,.85);
			min-width: 120px;
			text-align: right;
			padding-top: 7px;
		}
		.clientDetail_other_container{
			flex: 1;
			margin-left: 12px;
		}
		.clientDetail_mainTrendsCenterList_container{
			border-bottom: 1px dashed #ececec;
			flex:1;
		}
		.clientDetail_mainTrendsNone_content{
			font-size: 13px;
			font-weight: 400;
			color: #999;
			text-align: center;
			margin-top: 20px;
		}
		.clientDetail_GroupChat_container{
			background: #fff;
			padding: 20px 16px 16px 25px;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
			margin-bottom: 12px;
			min-height: 182px;
		}
		.clientDetail_GroupChat_container h2{
			font-weight: 500;
			color: #333;
			padding-bottom: 8px;
			border-bottom: 1px solid #ececec;
			font-size: 15px;
		}
		.clientDetail_GroupChatNone_container{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			height: 154px;
		}
		.clientDetail_GroupChatNone_container svg{
			width: 78px;
			height: 78px;
		}
		.clientDetail_GroupChatNone_container p{
			font-size: 12px;
			color: rgba(0,0,0,0.45);
			margin-top: 5px;
		}
		.clientDetail_Service_container{
			background: #fff;
			padding: 17px 25px 28px;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
		}
		.clientDetail_Service_container h2{
			font-weight: 500;
			color: #333;
			padding-bottom: 13px;
			border-bottom: 1px solid #ececec;
			font-size: 15px;
		}
		.clientDetail_ServiceNameList_container{
			display: flex;
			padding-top: 8px;
		}
		.clientDetail_ServiceNameList_container li{
			text-align: center;
			width: 66px;
			box-sizing: border-box;
			padding: 4px 2px;
			margin: 0 6px 0 0;
			font-size: 14px;
			font-weight: 400;
			color: #000;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-break: normal;
			border-bottom: 2px solid #fff;
			cursor: pointer;
		}
		.clientDetail_ServiceNameList_active{
			border-bottom: 2px solid #1890ff !important;
		}
		.clientDetail_ServiceInfoList_container{
			margin-top: 12px;
		}
		.clientDetail_ServiceInfoList_container{
			
		}
		.clientDetail_ServiceInfoList_container li{
			display: flex;
			align-items: center;
			margin-top: 9px;
		}
		.clientDetail_ServiceInfoList_container li span{
			color: #999;
			font-size: 13px;
		}
		.clientDetail_ServiceInfoListName_container{
			font-size: 14px;
			background: #f7fbff;
			border-radius: 2px;
			border: 1px solid #b4cbf8;
			margin: 0;
			height: 36px;
			line-height: 36px;
			padding: 0 9px;
			color: #222;
			display: flex;
			align-items: center;
		}
		.clientDetail_ServiceInfoList_container li b{
			font-size: 13px;
			font-weight: 400;
			color: #000;
		}
		.clientDetail_clientInfo_container{
			background: #fff;
			padding: 17px 25px 28px;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
		}
		.clientDetail_clientInfo_container h2{
			font-weight: 500;
			color: #333;
			padding-bottom: 13px;
			border-bottom: 1px solid #ececec;
			font-size: 15px;
		}
		.clientDetail_clientInfo_content{
			padding-top: 14px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #f2f2f2;
		}
		.clientDetail_clientInfo_content li{
			padding-bottom: 11px;
			display: flex;
			align-items: center;
		}
		.clientDetail_clientInfo_content li span{
			margin: 0 4px 0 0;
			font-size: 14px;
			color: #999;
		}
		.clientDetail_clientInfo_content li b{
			font-size: 14px;
			color: #333;
			font-weight: normal;
			flex: 1;
		}
		.clientDetail_Lable_container{
			background: #fff;
			padding: 0px 25px 28px;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
		}
		.clientDetail_Lable_container h2{
			font-weight: 500;
			color: #333;
			padding-bottom: 13px;
			border-bottom: 1px solid #ececec;
			font-size: 15px;
		}
		.clientDetail_LableTitle_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12px 0 6px;
		}
		.clientDetail_LableTitle_container span{
			color: #333;
			font-size: 13px;
		}
		.clientDetail_LableTitleAdd_container{
			display: flex;
			align-items: center;
			cursor: pointer;
		}
		.clientDetail_LableTitleAdd_container svg{
			fill: #666;
			width: 15px;
			height: 15px;
		}
		.clientDetail_LableTitleAdd_container b{
			font-weight: normal;
			color: #666;
			font-size: 13px;
		}
		.clientDetail_LableNone_container{
			border-bottom: 1px solid #ececec;
		}
		.clientDetail_LableNone_content{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			height: 180px;
		}
		.clientDetail_LableNone_content svg{
			width: 84px;
			height: 84px;
		}
		.clientDetail_LableNone_content p{
			font-size: 13px;
			font-weight: 400;
			color: rgba(51,51,51,.49);
			margin-top: 5px;
		}
		.clientDetail_Lable_content{
			padding: 10px 5px;
			border-bottom: 1px solid #ececec;
		}
		.clientDetail_Lable_content ul{
			display: flex;
			flex-wrap: wrap;
		}
		.clientDetail_Lable_content ul li{
			height: 28px;
			padding: 0 14px;
			font-size: 14px;
			background: #f7f7f7;
			border-radius: 4px;
			color: rgba(0,0,0,.65);
			border: 1px solid #e9e9e9;
			display: flex;
			align-items: center;
			margin: 5px;
		}
		.{
			
		}
		.{
			
		}
		.{
			
		}
		.{
			
		}
		.clientDetail_ServiceInfoListName_container img{
			width: 20px;
			height: 20px;
			margin-right: 6px;
			display: block;
		}
		/*添加动态*/
		.dialog-content{
			height: 100%;
		}
		.ant-modal-content{
			position: relative;
		    background-color: #fff;
		    background-clip: padding-box;
		    border: 0;
		    border-radius: 4px;
		    box-shadow: 0 4px 12px rgba(0,0,0,.15);
		    pointer-events: auto;
		}
		.body{
			max-height: 800px;
    		overflow: auto;
		}
		.ant-modal-body{
			padding-right: 32px;
		}
		.pushSOP_main_contaienr{
			width: 485px;
			margin: 0 auto;
			padding: 32px 0 32px 0;
			background: #fff;
		}
		.pushSOP_title{
			font-size: 17px;
			width: 100%;
			text-align: center;
			margin-top: 2px;
			font-weight: 600;
			line-height: 24px;
			letter-spacing: 1px;
		}
		.pushSOP_button_content{
			display: flex;
			justify-content: flex-end;
			flex: 1;
			align-items: center;
		}

		/**/
		.addEvent_nav_container{
			display: flex;
			align-items: center;
			margin-bottom: 12px;
		}
		.addEvent_nav_container span{
			font-size: 15px;
			color: rgba(0,0,0,.45);
			padding-bottom: 6px;
			margin-right: 32px;
			cursor: pointer;
			border-bottom: 2px solid #fff;
		}
		.addEvent_navActive{
			font-weight: 700 !important;
			font-size: 15px !important;
			color: #1890ff !important;
			border-bottom: 2px solid #1890ff !important;
		}
		.addEvent_main_container{

		}
		.addEvent_mainCustom_container{

		}
		.addEvent_mainCustom_container textarea{
			background: #fbfbfb;
			border: 1px solid #eee;
			box-sizing: border-box;
			border-radius: 2px;
			resize: none;
			outline: none;
			padding: 11px 13px;
			width: 100%;
			height: 157px;
		}
		.addEvent_mainTemplate_container{

		}
		.addEvent_mainTemplate_selectEvent_container{
			display: flex;
			align-items: center;
			margin-bottom: 20px;
		}
		.addEvent_mainTemplate_selectEvent_container span:first-child{
			min-width: 70px;
			word-break: keep-all;
			white-space: nowrap;
			text-align: right;
			font-size: 14px;
			line-height: 20px;
			color: rgba(0,0,0,.65);
			font-weight: 400!important;
		}
		.addEvent_mainTemplate_selectEvent_container span:last-child{
			font-size: 14px;
			color: rgba(0,0,0,.65);
			font-weight: 400!important;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #1890ff;
			cursor: pointer;
		}
		.addEvent_mainTemplate_dropDown_contianer{
			flex: 1;
			display: flex;

		}
		.addEvent_mainTemplate_dropDown_content{
			flex: 1;
			cursor: pointer;
			height: 36px;
			background: #fff;
			border: 1px solid #dcdfe6;
			box-sizing: border-box;
			border-radius: 4px;
			font-size: 14px;
			line-height: 28px;
			padding: 0 12px;
			margin-right: 12px;
			display: flex;
			position: relative;
		}
		.addEvent_mainTemplate_dropDownShow_content{
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex: 1;
		}
		.addEvent_mainTemplate_dropDownShow_content p{
			flex: 1;
			color: #999;
			font-size: 14px;
		}
		.addEvent_mainTemplate_dropDownShow_content svg{

		}
		.addEvent_mainTemplate_dropDownHide_content{
			position: absolute;
			left: 0;
			right: 0;
			top: 41px;
			z-index: 1000;
			background: #fff;
			box-shadow: 0 2px 8px rgba(0,0,0,.25);
			border-radius: 4px;
			padding: 10px 0;
			max-height: 210px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.addEvent_mainTemplate_dropDownHide_content::-webkit-scrollbar{
			width:6px;
			height:6px;
		}
		.addEvent_mainTemplate_dropDownHide_content::-webkit-scrollbar-track{
			
		}
		.addEvent_mainTemplate_dropDownHide_content::-webkit-scrollbar-thumb{
			border-radius:20px;
			background:#c8c8c8;
			cursor:pointer
		}
		.addEvent_mainTemplate_dropDownHide_content li:hover{
			background: #f4fdff;
		}
		.addEvent_mainTemplate_dropDownHide_content li:hover svg{
			display: block;
			color: red;
		}
		.addEvent_mainTemplate_dropDownHide_content li{
			padding: 10px 10px 9px 20px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.addEvent_mainTemplate_dropDownHide_content li p{
			flex:1;
			color: #777;
			max-width: 270px;
		}
		.addEvent_mainTemplate_dropDownHide_content li svg{
			margin-left: 10px;
			display: none;
		}
		.addEvent_mainTemplate_dropDownNew_contianer{
			display: flex;
			flex:1;
			align-items: center;
		}
		.addEvent_mainTemplate_dropDownNew_contianer input{
			flex: 1;
			height: 36px;
			background: #fff;
			border: 1px solid #dcdfe6;
			box-sizing: border-box;
			border-radius: 4px;
			font-size: 14px;
			line-height: 28px;
			padding: 0 12px;
			margin-right: 12px;
			display: flex;
			position: relative;
		}
		.addEvent_mainTemplate_dropDownNew_content{
			display: flex;
			align-items: center;
		}
		.addEvent_mainTemplate_dropDownNew_content span{
			min-width: auto !important;
			color: rgba(0,0,0,.25) !important;
			cursor: pointer;
		}
		.addEvent_mainTemplate_selectRemarks_container{
			display: flex;
		}
		.addEvent_mainTemplate_selectRemarks_container span{
			min-width: 70px;
			word-break: keep-all;
			white-space: nowrap;
			text-align: right;
			font-size: 14px;
			line-height: 20px;
			color: rgba(0,0,0,.65);
			font-weight: 400!important;
		}
		.addEvent_mainTemplate_selectRemarks_container textarea{
			background: #fbfbfb;
			border: 1px solid #eee;
			box-sizing: border-box;
			border-radius: 2px;
			resize: none;
			outline: none;
			padding: 11px 13px;
			flex: 1;
			height: 157px;
		}
		.addEvent_score_container{
			padding: 10px 0;
		}
		.addEvent_scoreAdd_container{

		}
		.addEvent_scoreAdd_container button{
			outline: none;
			border: 1px solid #1890ff;
			background: #fff;
			border-radius: 3px;
			padding: 0 10px;
			line-height: 28px;
			color: #1890ff;
			cursor: pointer;
		}
		.addEvent_scoreDelete_container{
			
		}
		.addEvent_scoreDelete_container button{
			outline: none;
			border: 1px solid #1890ff;
			background: #fff;
			border-radius: 3px;
			padding: 0 10px;
			line-height: 28px;
			color: #1890ff;
			cursor: pointer;
			margin-bottom: 10px;
		}
		.addEvent_scoreDelete_content{
			display: flex;
			align-items: center;
			flex: 1;
		}
		.addEvent_scoreDelete_content p{
			color: rgba(0,0,0,.65);
			font-size: 14px;
		}
		.addEvent_scoreDelete_content input{
			height: 32px;
			padding: 4px 11px;
			color: rgba(0,0,0,.65);
			font-size: 14px;
			line-height: 1.5;
			background-color: #fff;
			background-image: none;
			border: 1px solid #d9d9d9;
			border-radius: 4px;
			width: 55px;
			box-sizing: border-box;
			margin-left: 5px;
		}
		.addEvent_scoreDelete_content span{
			width: 32px;
			height: 32px;
			background: #fafafa;
			border-radius: 0 3px 3px 0;
			border: 1px solid #e8e8e8;
			display: flex;
			align-items: center;
			justify-content: center;
			color: rgba(0,0,0,.65);
			border-radius: 4px;
		}
	</style>
</head>
<body>
	<div class="clientDetail_container">
		<div class="clientDetail_main_container">
			<div class="clientDetail_mainUesr_container">
				<div class="clientDetail_mainUesr_content">
					<h3>{$clue->mobile_phone}</h3>
					<h3>{$clue->remark}</h3>
				</div>
				<div>
					<a class="add_dynamic" href="javascript::void(0)">添加动态</a>
				</div>
			</div>
			<div class="clientDetail_mainTrends_container">
				<div class="clientDetail_mainTrendsTitle_container" id="title_container">
					<h2>线索动态</h2>
				</div>
				{loop $cdynamics as $k=>$datedynamic}
					<ul class="clientDetail_mainTrends_content" data-date="{$k}">
					<li>
						<div class="clientDetail_mainTrendsLeft_container">
							<div class="clientDetail_mainTrendsLeft_content">
								<b>
									{explode('_',$k)[1]}
								</b>
								<span>
									{explode('_',$k)[0]}月
								</span>
							</div>
						</div>
						<ul class="clientDetail_mainTrendsCenterList_container">
							{loop $datedynamic as $dynamic}
								{if $dynamic['type'] == 1}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>添加跟进</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													{if $dynamic['user_id']}<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">{/if}
													<span>{$dynamic['user_id']?$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']:'管理账户'} 添加跟进 【{$dynamic['content']}】</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{else if $dynamic['type'] == 2}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>移至公海</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													{if $dynamic['user_id']}<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">{/if}
													<span>{$dynamic['user_id']?$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']:'管理账户'} 移至公海</span>
													<span>【{$h->get_mobcule_sea_by_id($dynamic['correlation_id'])['name']}】</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{else if $dynamic['type'] == 3}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>领取线索</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">
													<span>{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']}</span>
													<span>从 【{$h->get_mobcule_sea_by_id($dynamic['correlation_id'])['name']}】 公海领取此线索</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{else if $dynamic['type'] == 4}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>放弃线索</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													{if $dynamic['user_id']}<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">{/if}
													<span>{$dynamic['user_id']?$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']:'管理账户'} 
													<span>放弃此线索</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{else if $dynamic['type'] == 5}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>分配线索</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													<span>管理账户 分配线索给</span>
													<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">
													<span>{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']}</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{else if $dynamic['type'] == 6}
									<li>
										<div class="clientDetail_mainTrendsCenter_container">
											<svg viewBox="0 0 1024 1024"><path d="M571.072 10.88c9.92-12.736 28.864-13.952 40.448-2.432l387.008 387.072a27.264 27.264 0 0 1-2.432 40.32 302.72 302.72 0 0 1-295.936 45.76l-56.192 56.192a416 416 0 0 1-46.912 457.024 31.872 31.872 0 0 1-46.976 2.496l-229.76-229.76-149.888 149.76a57.216 57.216 0 0 1-80.768 0 57.216 57.216 0 0 1 0-80.768l149.76-149.888-229.76-229.76a31.808 31.808 0 0 1-1.792-42.624l4.288-4.352a416.064 416.064 0 0 1 456.96-47.168l56.128-56.064A302.976 302.976 0 0 1 571.072 10.944z"></path></svg>
											<div class="clientDetail_mainTrendsCenter_Info_container">
												<h4>等级修改</h4>
												<div class="clientDetail_mainTrendsCenter_Info_content">
													<img src="{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['avatar']}">
													<span>{$h->get_user_by_id($dynamic['wid'],$dynamic['user_id'])['name']}</span>
													<span>将线索等级修改为【{$culeLevelsArr[$dynamic['correlation_id']]}】</span>
												</div>
											</div>
										</div>
										<div class="clientDetail_mainTrendsRight_container">
											<p>{date('Y-m-d H:i:s',$dynamic['ctime'])}</p>
										</div>
									</li>
								{/if}
							{/loop}
						</ul>
						
					</li>
				</ul>
				{/loop}

				<div class="clientDetail_mainTrendsNone_content">
					<p>没有更多了</p>
				</div>
			</div>
		</div>
		<div class="clientDetail_other_container">
			<div class="clientDetail_Service_container">
				<h2>所属客服</h2>
				<ul class="clientDetail_ServiceInfoList_container">
					<li>
						<span>客服名称：</span>
						<div class="clientDetail_ServiceInfoListName_container">
							{if $clue->user_id}
							<img id="user_avatar" src="{$h->get_user_by_id($clue->wid,$clue->user_id)['avatar']}">
							<p id="user_name">{$h->get_user_by_id($clue->wid,$clue->user_id)['name']}</p>
							{else}
							<p>无客服</p>
							{/if}
						</div>
					</li>
				</ul>
			</div>
			<div class="clientDetail_clientInfo_container">
				<h2>线索信息</h2>
				<ul class="clientDetail_clientInfo_content">
					<li>
						<span>线索等级：</span>
						<b>{$clue->level_id?$h->get_mobcule_level_by_id($clue->level_id)['name']:'-'}</b>
						<!-- <b id="source">{$user_con['source']?$user_con['source']:'--'}</b> -->
					</li>
					<li>
						<span>公海：</span>
						<b>{$clue->sea_id?$h->get_mobcule_sea_by_id($clue->sea_id)['name']:'-'}</b>
					</li>
					<li>
						<span>状态：</span>
						<b>{$status_arr[$clue->status]}</b>
					</li>
					<li>
						<span>时间：</span>
						<b>{date('Y-m-d H:i:s',$clue->ctime)}</b>
					</li>
					
				</ul>
			</div>
			
		</div>
	</div>
	<div class="add_dynamic_container" id="addDynamic" style="display: none;">
		<form class="" id="formadd" action="">
			<input type="hidden" name="clueId" value="{$clue->id}">
			<div class="pushSOP_main_contaienr">
				<h2 class="pushSOP_title">添加跟进</h2>
				<!--  -->
				<div class="addEvent_main_container">
					<div class="addEvent_mainCustom_container">
						<textarea placeholder="请输入要添加的备注信息吧，添加成功后将出现在客户动态列表里~" name="dynamic_content" id="dynamic_content" maxlength="100"></textarea>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="pushSOP_button_content">
						<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" onclick="layer.close(layer.index)">取消</button>
						<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="dynamicRecord">添加</button>
					</div>
				</div>
			</div>
		</form>
	</div>
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>
	<script type="text/javascript">
		layui.use(['element','layer'], function(){
			var element = layui.element,
				 layer = layui.layer;
		}); 
			//表单
		layui.use('form', function(){
			var form = layui.form;
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		  	layer.msg(JSON.stringify(data.field));
		  	return false;
		  });

		});
	</script>
	
	<script type="text/javascript">
		$(".add_dynamic").on('click',function(){
		var index = layer.open({
			  title: ['添加跟进', 'font-weight:bold;'],
			  type: 1,
			  shadeClose: true,
			  shade: 0.2,
			  area: ['550px', '500px'],
			  // content: 'add_event.html'
			  content: $('#addDynamic')
			})
		})

		layui.use('form', function(){
			var form = layui.form;
			//监听提交
		    form.on('submit(dynamicRecord)', function(data){
		        // layer.msg(JSON.stringify(data.field));
		        // return false;
		        if($("input[name='eventType']").val() == 1){
		        	if($("#dynamic_content").val() == ''){
		        		 layer.msg('备注不能为空');
		        		return;
		        	}
		        }else{
		        	if($("input[name='contentEventId']").val() == ''){
		        		layer.msg('请选择模板');
		        		return;
		        	}
		        	if($("#dynamic_content_event").val() == ''){
		        		layer.msg('备注不能为空');
		        		return;
		        	}
		        }
				// console.log($(".clientDetail_mainTrends_content").length); 
				// console.log($(".clientDetail_mainTrends_content").eq(0).data('date'));
		        var formData = $('#formadd').serialize();
		        myAjaxPost(false, true, 'add_dynamic.html', formData, function (resp) {
		          if(resp.status == 'success') {
		            layer.msg(resp.msg);
					location.reload();
		            // layer.close(layer.index);
		          }else{
		            alert(resp.msg);
		          }
		        })
		    });
		})
	</script>
	<script type="text/javascript">
		$('.clientDetail_ServiceNameList_container li').on('click',function(){
			$('.clientDetail_ServiceNameList_container li').removeClass('clientDetail_ServiceNameList_active');
			$(this).addClass('clientDetail_ServiceNameList_active');
			$('#user_avatar').attr('src',$(this).data('avatar'));
			$('#user_name').html($(this).data('name'));
			$('#user_add_way').html($(this).data('add_way'));
			$('#user_createtime').html($(this).data('createtime'));
			$('#user_gender').html($(this).data('gender'));
			$('#user_mobiles').html("<input type='text'name='title' data-names='电话' data-type='mobile' value='"+$(this).data('mobile')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#user_description').html("<input type='text'name='title' data-names='描述' data-type='description' value='"+$(this).data('description')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#age').html("<input type='text'name='title' data-names='年龄' data-type='age' value='"+$(this).data('age')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#email').html("<input type='text'name='title' data-names='邮箱' data-type='email' value='"+$(this).data('email')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#birthday').html("<input type='text'name='title' data-names='生日' data-type='birthday' value='"+$(this).data('birthday')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#weibo').html("<input type='text'name='title' data-names='微博' data-type='weibo' value='"+$(this).data('weibo')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#qq').html("<input type='text'name='title' data-names='QQ' data-type='qq' value='"+$(this).data('qq')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
			$('#address').html("<input type='text'name='title' data-names='地址' data-type='address' value='"+$(this).data('address')+"'>"+"<input type='hidden'id='ids' value='"+$(this).data('id')+"'>");
		})
		$('.clientDetail_LableTitleAdd_container').on('click',function(){
			layer.open({
				type: 2,
				title: '请选择标签',
				shadeClose: true,
				shade: 0.2,
				area: ['700px', '400px'],
				content: 'check.html'
			}); 
		})


		$(document).on('blur','[name=title]',function(){
			var title = $(this).val();
			var id = $("#ids").val();
			var type = $(this).data('type');
			var name = $(this).data('names');
			myAjaxPost(false, true, 'update_tag.html', { title:title,id:id,type:type,name:name}, function (resp) {
				if(resp.status == "success"){
		    		tusi(resp.msg);
		    	}else{
		    		tusi(resp.msg);
		    	}
			})
		})
		// $(document).on("change","[name='names']",function(){
		// 		var larel_name = $('#larel_name').val();
		// 		var id = $('.portrait_headerDetailEdit_contents').data('id');
		// 		var input = $('.portrait_headerDetailEdit_contents').data('name');
		// 		myAjaxPost(false, true, 'update_tag.html', { larel_name:larel_name,input:input,id:id}, function (resp) {
		// 	    	if(resp.status == "success"){
		// 	    		tusi(resp.msg);
		// 	    	}else{
		// 	    		tusi(resp.msg);
		// 	    	}
		// 	    })
		// 	})
		
	</script>
</body>
</html>